<template>
	<view>
		<view style="width: 100%;height: 28rpx;background-color:#F4F4F4;"></view>
		<view class="choice">
			<radio-group @change="radioChange">
				<label class=" lab-list" v-for="(item, index) in items" :key="item.value">
					<view class="radio">
						<radio style="transform:scale(0.6);" color="#00c6c2" :value="item.value"   :checked="index === current" />
					</view>
					<view>{{item.name}}</view>
				</label>
			</radio-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items: [{
						value: '',
						name: '高级管理员'
					},
					{
						value: '',
						name: '普通管理员',
						checked: 'true'
					},
					{
						value: '',
						name: '店长'
					},
					{
						value: '',
						name: '前台'
					},
					{
						value: '',
						name: '设计师'
					},
					
				],
				current: 0
			}
		},
		methods: {
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.target.value) {
						this.current = i;
						break;
					}
				}
			}
		}
	}
</script>

<style lang="scss">
	.choice {
		padding: 72rpx 26rpx;
		background-color: #fff;
	}
	.lab-list{
		padding-bottom: 30rpx;
		display: flex;
		align-items: center;
		
		
	}
</style>
